
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}

/* Global properties ======================================================== */

body{ background: url(../images/bg_img.jpg) top center no-repeat #1a2531; border:0; font:14px "Times New Roman", Times, serif; color:#858994; line-height:17px;}

/* Global Structure ============================================================= */

.main {	margin: 0 auto;	width: 980px; }


/* ============================= main layout ====================== */

a{ color:#ff4800; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}

h1{ float:left; font-size:33px; text-transform:uppercase; line-height:55px; padding:35px 0 0 38px;font-weight:normal}
h2{ font-size:38px; color:#1f2c3a; font-weight:normal; line-height:60px; text-transform:uppercase; padding-bottom:25px;}
h2:first-letter{ font-size:53px; color:#ff4800; vertical-align:baseline}
h2 strong{ font-size:53px; vertical-align:baseline; font-weight:normal}

p{ padding-bottom:17px;}

.box{ background:#f3f3f4}
.box_top_left{  background:url(../images/box_top_left.gif) top left no-repeat}
.box_top_right{ background:url(../images/box_top_right.gif) top right no-repeat}
.box_bot_left{ background:url(../images/box_bot_left.gif) bottom left no-repeat}
.box_bot_right{ background:url(../images/box_bot_right.gif) bottom right no-repeat}
.box_bot{ background:#f3f3f4; margin:0 19px; font-size:0; line-height:0; height:19px;}
/* ============================= header ====================== */
header{}

#top{ font-size:12px; color:#828e9a; text-transform:uppercase; padding:45px 39px 23px 41px}
#top_nav{ float:right;}
#top_nav li{ float:left; padding-right:6px; background:url(../images/line_top.gif) right 5px no-repeat; margin-right:7px;}
#top_nav .bg_none{ background:none; margin-right:0; padding-right:0;}
#top_nav li a{ color:#828e9a; text-decoration:none;}
#top_nav li a:hover{ text-decoration:underline}

#logo{color:#1f2c3a; text-decoration:none; float:left;}
#logo span{ font-size:48px; color:#ff4800; vertical-align: baseline}
#logo strong{ color:#fff; width:55px; display: inline-block; background:url(../images/bg_logo.gif) no-repeat; font-weight:normal; text-align:center; vertical-align:baseline}
#logo .slogan{ display:block; text-align:right; font-size:12px; line-height:20px; text-transform:none; color:#a5acb6; margin:-17px 65px 0 0;}

#menu { float:right; padding-right:32px;}
#menu li { float:left; padding-left:1px;}
#menu li a{ font-size:20px; color:#1f2c3a; text-decoration:none; line-height:30px; display:block;}
#menu li a span{ display:block}
#menu li a span span{ padding: 68px 12px 16px 12px;}
#menu li a:hover, #menu #menu_active a{ color:#fff; background:#ff4800;}
#menu li a:hover span, #menu #menu_active a span{ background:url(../images/menu_left.gif) top left no-repeat}
#menu li a:hover span span, #menu #menu_active a span span{ background:url(../images/menu_right.gif) top right no-repeat}

#banner{ height:468px; width:100%; overflow:hidden; margin-top:20px; background:url(../images/bg_banner.jpg) 0 0 no-repeat}
.text1{ float:right; width:275px; padding:107px 122px 0 0}
.text1 p{ font-size:55px; color:#8697a8; text-transform:uppercase; line-height:72px;letter-spacing:-1px;}
.text1 p span{ display:block; margin-top:-28px;}
.text1 a{ height:79px; display:inline-block; background:url(../images/button_left.gif) top left no-repeat; font-size:14px; color:#ffa480; text-decoration: none; line-height:16px; margin:6px 0 0 4px;}
.text1 a span{ display:block; background:url(../images/button_right.gif) top right no-repeat}
.text1 a span span{ background:#ff4800; margin:0 34px 0 10px; padding:16px 12px 20px 8px;}
.text1 a strong{ display:block; font-size:24px; text-transform:uppercase; color:#fff; line-height:30px; margin-bottom:-3px;}
.text1 a:hover{color:#fff;}
.text1 a:hover span{ background:url(../images/button_right_active.gif) top right no-repeat}
.text1 a:hover span span{ background:#ff4800; padding:16px 25px 20px 20px;}

.bord{ padding-top:20px; border-bottom:13px solid #1b2a39; margin-bottom:11px;}

/* ============================= content ====================== */

#content{ width:100%; overflow:hidden; padding-top:34px; padding-bottom:32px;}

.pad_left1{ padding-left:40px;}
.pad_bot1{ padding-bottom:18px;}
.pad_bot2{ padding-bottom:33px;}
.pad_bot3{ padding-bottom:7px;}
.marg_right1{ margin-right:18px;}

.line1{ background:url(../images/line_ver.gif) 337px 0 repeat-y}
.line2{ background:url(../images/line_ver.gif) 650px 0 repeat-y}

.list1 li{ padding-bottom:8px; width:100%; overflow:hidden}
.list1 .box{ width:73px; height:73px; float:left; background:url(../images/box1.gif) 0 0 no-repeat; margin-right:17px; font:45px Arial, Helvetica, sans-serif; color:#fff; line-height:60px; text-align:center; text-transform:uppercase; font-weight:bold; margin-top:4px; letter-spacing:-2px;}
.list1 .box span{ font-size:12px; display:block; line-height:14px; margin-top:-11px; font-weight:normal; letter-spacing:0px;}

.list2 li{ padding-left:80px; padding-bottom:15px; overflow:hidden}

.list3 li{ line-height:24px;}
.list3 li a{ padding-left:14px; background:url(../images/marker_1.gif) 0 5px no-repeat}

.img1{ background:url(../images/img1.jpg) 0 2px no-repeat}
.img2{ background:url(../images/img2.jpg) 0 0 no-repeat}
.img3{ background:url(../images/img3.jpg) 0 1px no-repeat}
.img4{ background:url(../images/img4.jpg) 1px 0 no-repeat}

.font1{ color:#1f2c3a; padding-bottom:7px;}

.link1{ text-transform:uppercase; font-size:12px; text-decoration:none}
.link1:hover{ text-decoration:underline}

.text2{ font-size:24px; line-height:24px; color:#1f2c3a; padding-bottom:28px;}

.line_height1{ line-height:18px;}

.under{ padding-bottom:26px; border-bottom:1px solid #d1d3d6; margin-bottom:26px;}
.under2{ padding-bottom:46px; border-bottom:1px solid #d1d3d6; margin-bottom:26px;}

/* ============================= footer ====================== */

footer { padding:30px 0 40px 41px; font-size:12px; color:#767e85; text-transform:uppercase}
footer a{ color:#767e85; text-decoration:none}
footer a:hover{ text-decoration: underline}

/* ============================= forms ============================= */

#ContactForm { width:573px;}
#ContactForm a{ margin-left:20px; float:right; margin-top:32px;}
#ContactForm .input {width:227px; height:17px; border:1px solid #c3c2bd; background:#fff; padding:1px 5px; margin-bottom:4px;color:#858a94; font:14px "Times New Roman", Times, serif;}
#ContactForm textarea {width:271px; height:101px; border:1px solid #c3c2bd; background:#fff; padding:1px 5px; margin-bottom:4px;color:#858a94; font:14px "Times New Roman", Times, serif; overflow: auto}

.col_1{ width:239px; float:left;}
.col_2{ padding-left:51px; float:left; width:283px;}

